<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="x5-orientation" content="portrait">
    <title>注册</title>
    <link
    rel="stylesheet"
    href="https://unpkg.com/vant@2.12/lib/index.css"
  />
</head>

<body data-page="register">
<div id="app" v-cloak>
    <div style="margin-top: 20px">
        <van-cell>
            <van-field v-model="tel" type="tel" label="手机号" placeholder="请输入手机号"></van-field>
            <van-field
                    v-model="sms"
                    center
                    clearable
                    label="验证码"
                    placeholder="请输入验证码"
            >
                <template #button>
                    <van-button size="small" type="primary" :disabled="isSend" @click="getCode()">{{codeName}}</van-button>
                </template>
            </van-field>
        </van-cell>

        <div style="margin: 16px;">
            <van-button round block type="info" @click="onSubmit()">注册</van-button>
        </div>
    </div>
</div>
</body>

<script src="https://unpkg.com/vue@2.6/dist/vue.min.js"></script>
<script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>
<script src="./index.js"></script>


</html>